<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        var arr1 = [1, 3, 5, 7, 8, 10, 12]; // 31天的月份
        var val1 = arr1.join(' '); // join 将数组的内容通过分隔符转换成字符串 join的括号中是分隔符 不写默认是逗号
        console.log(val1);

        var arr2 = [3, 1, 5, 8, 4, 2, 11, 53, 9, 20];
        // sort 排序
        // document.write(arr2.sort()) 这个排序方式不可铐 顺序错乱
        document.write(arr2.sort(function(a, b) {
            // a-b从小到大，升序   b-a从大到小，降序
            return b - a
        }))

        var arr3 = ['高新区', '中原区', '金水区', '二七区'];
        arr3.push('惠济区'); // 在末尾添加
        console.log(arr3);
        arr3.unshift('经开区'); // 在开头添加
        console.log(arr3);
        // 删除 在末尾删除pop   在开头删除shift
        arr3.pop();
        console.log(arr3);
        arr3.shift();
        console.log(arr3);

        var arr4 = [1,2,3,4];
        // 合并数组 多合一
        var arr6 = arr4.concat([5,6,7,8], [9], 10);
        console.log(arr6);
        
        // splice 增加 删除 替换
        var arr5 = [5,6,7,8];
        // arr5.splice(删除的位置，删除几项，替换项) 第一个参数必填，后面的选填
        // arr5.splice(0, 1); // 删除第一项
        // arr5.splice(2, 0, 6.5) // 新增一项
        // arr5.splice(2, 1, '七') // 替换一项
        arr5.splice(1) // 修改数组长度
        console.log(arr5);

        // 数组截取 slice
        var arr6 = [2,4,6,8,10];
        arr6.slice(1, 2) // 截取（开始位置，结束位置）

        // reverse() 颠倒顺序
    </script>
</body>

</html>